<template>
  <div class="form-group">
    <select
      class="form-control form-control-lg"
      :name="name"
      :class="{'is-invalid':error}"
      @input="$emit('input',$event.target.value)"
      :value="value"
    >
      <option v-for="(option, index) in options" :key="index" :value="option.value">{{option.value}}</option>
    </select>
    <div v-if="error" class="invalid-feedback">{{error}}</div>
    <small v-if="info" class="form-text text-muted">{{info}}</small>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  data() {
    return {};
  },
  components: {},
  props: {
    value: String,
    name: String,
    error: String,
    info: String,
    options: Array
  }
};
</script>

<style scoped lang="stylus">
</style>
